{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
	<style type="text/css">
		body {
    background: var(--white) url("{% static 'img/cug.JPG' %}") no-repeat center fixed;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
            }body .container {
    background: var(--lightblue) url("{% static 'img/cug.JPG' %}") no-repeat center fixed;
    background-size: cover;
    border-radius: var(--button-radius);
    box-shadow: 0 0.9rem 1.7rem rgba(0, 0, 0.25), 0 0.7rem 0.7rem rgba(0, 0, 0.22);
    height: var(--max-height);
    max-width: var(--max-width);
    overflow: hidden;
    width: 100%;
    position: relative;
}

	</style>
    <link href="{% static 'css/login.css' %}" rel="stylesheet">
</head>
<body>
<main class="container">
        <!-- 注册 -->
        <div class="container_form container_signup">
            <form action="{% url 'register' %}" class="form" id="form1" method="post">
                {% csrf_token %}
                <h2 class="form_title">注册{{ error1 }}</h2>
                <input autocomplete="off" type="text" placeholder="用户名" class="input" id="sign_user" name="name" value="{{ name }}"/>
                <input autocomplete="off" type="tel" placeholder="手机号" class="input" id="sign_email" name="tel" value="{{ tel }}"/>
                <input autocomplete="off" type="text" placeholder="验证码" class="input" id="Verification_code" name="code" {{ code }}/>
                <button class="button" name="submit" value="get_code">点此获取验证码</button>
                <input autocomplete="off" type="password" placeholder="密码(区分大小写)" class="input" id="sign_password" name="password" value="{{ password }}"/>
                <input autocomplete="off" type="password" placeholder="确认密码(区分大小写)" class="input" id="sign_password_x" name="password_ag" value="{{ password_ag }}"/>
                <button class="btn" onclick="sign()" name="submit" value="rst">点击注册</button>
            </form>
        </div>
        <!-- 登录 -->
        <div class="container_form container_signin">
            <form action="{% url 'login' %}" class="form" id="form2" method="post">
                {% csrf_token %}
                <h2 class="form_title">
                    <img src="{% static 'img/云霄Logo.png' %}" class="Logo">
                    登录{{ error }}
                </h2>
                <input autocomplete="off" type="text" placeholder="电话号" class="input" id="login_user" name="tel" value="{{ old_tel }}"/>
                <input autocomplete="off" type="password" placeholder="密码" class="input" id="login_password" name="password" />
                <a href="" class="link">忘记密码？</a>
                <button name="submit" class="btn" onclick="login()">登录</button>
                </form>
        </div>
        <div class="overlay_panel overlay_left">
            <button class="btn"  id="signIn">已有账号，直接登录</button>
            <a href="{% url 'Home_Page' %}" class="btn"  id="signIn" style="text-decoration: none">返回首页</a>
        </div>
        <div class="overlay_panel overlay_right">
            <button class="btn"  id="signUp">没有账号，点击注册</button>
            <a href="{% url 'Home_Page' %}" class="btn"  id="signUp" style="text-decoration: none">返回首页</a>
        </div>
    </main>
</body>
<script src="{% static 'js/login.js' %}"></script>
<script src="https://unpkg.com/spacingjs" defer></script>
</html>